var divEle = document.getElementById('cen_right_top');
var h3Ele = [...divEle.getElementsByTagName('h3')];
var contentEle  = divEle.querySelectorAll('div');

// console.log(h3Ele);
// console.log(contentEle);

// for(var i=0;i<h3Ele.length;i++){
//     h3Ele[i].dataset.id = i;
//     h3Ele[i].onclick = function(){
//         // alert(i); 3
//         // console.dir(this);// 点击哪个元素 哪个元素就是this
//         // console.log(this.dataset.id);

//         // 高亮之前  让所有的选项卡取消高亮
//         // 显示以前  让所有的内容隐藏 
//         for(var j=0;j<h3Ele.length;j++){
//             h3Ele[j].classList.remove('active');
//             contentEle[j].style.display = 'none';

//         }

//         h3Ele[this.dataset.id].classList.add('active');
//         contentEle[this.dataset.id].style.display = 'block';
//     }
// }


// h3Ele.forEach(function(item,index){
//     item.onclick = function(){
//         // console.log(index);

//         for(var i=0;i<h3Ele.length;i++){
//             h3Ele[i].classList.remove('active');
//             contentEle[i].style.display = 'none';
//         }


//         h3Ele[index].classList.add('active');
//         contentEle[index].style.display = 'block';
//     }

// });


for(var i in h3Ele){
    h3Ele[i].dataset.id = i;
    h3Ele[i].onclick = function(){
        // alert(i); //3
        // console.dir(this);// 点击哪个元素 哪个元素就是this
        // console.log(this.dataset.id);

        // 高亮之前  让所有的选项卡取消高亮
        // 显示以前  让所有的内容隐藏 
        // for(var j=0;j<h3Ele.length;j++){
        //     h3Ele[j].classList.remove('active');
        //     contentEle[j].style.display = 'none';

        // }

        // h3Ele[this.dataset.id].classList.add('active');
        // contentEle[this.dataset.id].style.display = 'block';
    }
}